<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="boss">
			<div class="boss1">
				<div class="boss1-1">
					泰安整形医院-客服小杯正在和您进行对话..
				</div>
				<div class="boss1-2">
					结束对话
				</div>
			</div>
			<div class="boss2">
				<div class="boss3">
					<div class="b3">
						夏天的飞鸟，飞到我的窗前唱歌，又飞去了。秋天的黄叶，它们没有什么可唱，只叹息一声，飞落在那里。世界上的一队小小的漂泊者呀，请留下你们的足印在我的文字里。世界对着它的爱人，把它浩翰的面具揭下了。它变小了，小如一首歌，小如一回永恒的接吻。是大地的泪点，使她的微笑保持着青春不谢。无垠的沙漠热烈追求一叶绿草的爱，她摇摇头笑着飞开了。
					</div>
					<div class="b4">
						<img src="img/kefu.png"/>
						<div class="b41">
							<p>泰安整形医院-客服小杯  &nbsp;&nbsp;&nbsp;<span>19:58:45</span></p>
							<p>您好，泰安整形医院，很高兴为您服务，<span>官方预约咨询中心客服电话：888-8888</span></p>
						</div>
					</div>
				</div>
				<div class="b5">
					<img src="img/lxwm.png"/>
					<div class="b51">
						<input placeholder="请输入手机号码"/>
						<div class="button">给您回电</div>
					</div>
				</div>
				<div class="boss6">
					<textarea style="border: none; height: 200px;"></textarea>
					<div class="b6">
						<div class="little">发送</div>
						<img src="../img/下拉.png">
					</div>
				</div>
			</div>
			
		</div>
	</body>
	<style>
		.b51{display: flex; width: 40%;}
		.b6 img{width: 30%; margin: 0 auto; display: block;}
		.little{width: 170px; text-align: center; padding: 10px; border-right: 1px solid black;}
		.b6{background-color: #efcbbe; display: flex; border-radius: 20px; margin-left: 80%; width: 120px;;}
		.boss6{padding: 5px 200px;}
		.button{position: relative; border-radius: 20px; padding: 10px 20px; background-color: #efcbbe; top: 0; right: 15%;}
		.b5 input{width: 60%; border: none; border-radius: 20px; padding: 10px;}
		.b5 img{width: 30%;}
		.b5{display: flex; justify-content: space-between; background-color: #989898; padding: 5px 10%; position: absolute; top: 379px; width: 80%	;}
		.b41 p:last-child{font-size: 1.2em; margin-top: 20px;}
		.b41 p:last-child span{color: red;}
		.b41 p:first-child span{color: #e0dede; font-size: 0.8em;}
		.b41{width: 80%; background-color: white; border: black 1px solid; border-radius: 20px; padding: 10px; }
		.b4 img{width: 5%; height: 5%; margin-right: 5%;}
		.b4{display: flex; margin-top: 70px;}
		.b3{border: black 1px solid; background-color: white; padding: 10px; border-radius: 20px; margin-bottom: 20px;}
		.boss3{background-color:#e0dede ; height: 400px; padding: 10px 10%; }
		.boss2{position: relative;}
		*{padding: 0; margin: 0;}
		.boss1{padding: 20px 200px; color: white; background-color: #efcbbe; display: flex; justify-content: space-between;}
		.boss1-1{width: 50%;}
		.boss1-2{width: 20%;}
		@media screen and (max-width:1200px) {
			.b51{display: none;}
			.b5 img{width: 60%;}
		}
	</style>
</html>